<template>
  <div class="basic-form previewPage">
    <v-dialog :show.sync="dialogVisible" width="70%" title="评估价查看" ref="dialogPriceInfo" @beforeClose="dialogVisible = false">
      <div v-if="dialogVisible">
        <div class="card-title">基础信息</div>
        <el-form ref="form" class="form-wrap" size="small">
          <el-form-item label="评估编号">
            <el-input v-halfCharCode v-model="batch" placeholder="请输入" disabled />
          </el-form-item>
          <el-form-item label="评估日期">
            <el-date-picker v-model="assessDate" type="date" placeholder disabled></el-date-picker>
          </el-form-item>
          <el-form-item label="有效日期">
            <el-date-picker v-model="validDate" type="date" placeholder disabled></el-date-picker>
          </el-form-item>
          <el-form-item label="评估机构">
            <el-input v-halfCharCode v-model="assessOrg" placeholder disabled />
          </el-form-item>
        </el-form>
        <div class="card-title">物业信息</div>
        <el-row>
          <el-col :span="24">
            <el-table :data="tableData" stripe>
              <el-table-column type="index" width="50" />
              <el-table-column label="物业名称" width="180">
                <template slot-scope="scope">
                  <el-input v-halfCharCode v-model="scope.row.propertyName" disabled />
                </template>
              </el-table-column>
              <el-table-column prop="projectName" label="所属项目" width="180" />
              <el-table-column prop="buildingArea" label="建筑面积（m²）" width="180" />
              <el-table-column prop="price" label="市场评估租金单价（元/m²/月）" :formatter="priceFormatter" width="180" />
            </el-table>
          </el-col>
        </el-row>
        <div class="card-title">附件</div>
        <el-row :gutter="20">
          <el-col>评估资料*</el-col>
        </el-row>
        <el-row :gutter="20">
          <el-col>
            <v-upload type="file" ref="myApply" :busId="rentPricebatchId" modelType="rent-price" :isShowFileList="true" :isView="true" />
          </el-col>
        </el-row>
      </div>
      <div slot="foot">
        <el-button @click="dialogVisible = false">关闭</el-button>
      </div>
    </v-dialog>
  </div>
</template>

<script src="./price-info.js"></script>
<style scoped lang="scss">
.basic-form /deep/.el-dialog__body {
  padding-top: 0px;
}
</style>


